<template>
  <view :data-theme="theme" class="com-page">
    <slot />
  </view>
</template>

<script>
import { mapState } from 'vuex'

export default {
  name: 'ComPage',
  computed: {
    ...mapState({
      theme: (state) => state.app.theme,
    }),
  },
}
</script>

<style lang="scss" scoped>
.com-page {
  min-height: calc(100vh - var(--window-top) - var(--window-bottom));
  background-color: var(--color-body-bg);
}
</style>
